<template>
	<view class="container">
		<top-back-navbar position="fixed" title="排单期" background="#ffffff" color="#000000"></top-back-navbar>
		<view class="home-nav-group">
			<view class="home-nav-item" v-for="(item,index) in navList" :key="index" @click="jumpto(item.path)">
				<image mode="widthFix" src="/static/images/home/cj_goods_week.png"></image>
				<view class="home-nav-text">{{item.name}}</view>
			</view>
		</view>
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
				navList:[
					{name:'星期一',path:'/pagesCJ/shell/shell?week=1',type:'nav'},
					{name:'星期二',path:'/pagesCJ/shell/shell?week=2',type:'nav'},
					{name:'星期三',path:'/pagesCJ/shell/shell?week=3',type:'nav'},
					{name:'星期四',path:'/pagesCJ/shell/shell?week=4',type:'nav'},
					{name:'星期五',path:'/pagesCJ/shell/shell?week=5',type:'nav'},
				]
			};
		},
		onLoad: function() {
		},
		methods:{
			jumpto(path) {
				uni.navigateTo({
					url: path
				});
			}
		}
	}
</script>

<style lang="scss">
	page {
	  height: 100%;
	}
	.container {
		display: flex;
		justify-content: center;
		height: 100vh;
		background:url('/static/images/home/cj_home_bg.png') center no-repeat;
		background-size: 100% 100%;
		padding-top:210rpx;
		box-sizing: border-box;
		.home-nav-group{
			width: 450rpx;
			.home-nav-item{
				position: relative;
				margin-bottom:20rpx;
				width: 100%;
				image{
					width: 100%;
					height: 100%;
				}
				.home-nav-text{
					position: absolute;
					top:0;
					left:0;
					right:0;
					bottom:0;
					font-size:60rpx;
					font-weight: bold;
					display: flex;
					line-height: 200rpx;
					color: #ffffff;
					justify-content: center;
					font-family: PageTitleFonts;
					letter-spacing:8rpx;
				}
			}
		}
	}
</style>
